<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <meta name="description" content="" />
  <meta name="author" content="" />
  <link rel="icon" href="https://pic.imgdb.cn/item/64180526a682492fcc9dda64.png" />
  <link rel="canonical" href="https://getbootstrap.com/docs/3.4/examples/dashboard/" />

  <title>检索结果</title>
  <link href="https://v3.bootcss.com/dist/css/bootstrap.min.css" rel="stylesheet" />
  <link href="https://v3.bootcss.com/assets/css/ie10-viewport-bug-workaround.css" rel="stylesheet" />
  <link href="https://v3.bootcss.com/examples/dashboard/dashboard.css" rel="stylesheet" />
  <script src="https://v3.bootcss.com/assets/js/ie-emulation-modes-warning.js"></script>
</head>

<body>
  <nav class="navbar navbar-inverse navbar-fixed-top" style="
    background: #44dcf0 !important;">
    <div class="container-fluid">
      <div class="navbar-header">
        <a class="navbar-brand" href="{{ url_for('index') }}">T の Final Assignment</a>
      </div>
      <!-- <div id="navbar" class="navbar-collapse collapse">
      <ul class="nav navbar-nav navbar-right">
        <li>
          <a href="{{ url_for('index') }}" style="color: black">首页</a>
        </li>
      </ul>
    </div> -->
    </div>
  </nav>

  <div class="wait">
    <h2>页面倒计时跳转</h2>
    <h3><span id="show">将在{{ time_remaining }}秒后跳转到结果页面...</spn>
    </h3>
    <h4>若未自动跳转，请<a href="{{ url_for('result') }}">点击此处</a>到检索结果。<h4>
  </div>

  <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"
    integrity="sha384-nvAa0+6Qg9clwYCGGPpDQLVpLNn0fRaROjHqs13t4Ggj3Ez50XnGQqc/r8MhnRDZ"
    crossorigin="anonymous"></script>
  <script>
    window.jQuery ||
      document.write(
        '<script src="../../assets/js/vendor/jquery.min.js"><\/script>'
      );
  </script>
  <script src="https://v3.bootcss.com/dist/js/bootstrap.min.js"></script>
  <script src="https://v3.bootcss.com/assets/js/vendor/holder.min.js"></script>
  <script src="https://v3.bootcss.com/assets/js/ie10-viewport-bug-workaround.js"></script>
  <script>
    var t = 5;
    setInterval(function () {
      if (t == 0) {
        window.location.replace("/result");
      }
      document.getElementById("show").innerHTML =
        "将在" + t + "秒后跳转到结果页面...";
      t--;
    }, 1000);
  </script>
</body>
<style>
  .wait {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 100px;
  }

  .wait h2 {
    font-size: 50px;
    font-weight: bold;
  }

  .wait h3 {
    font-size: 30px;
  }
  .navbar-brand {
		color: white !important;
		font-size: 28px !important;
		font-weight: 300 !important;
		margin-left: 30px !important;
		margin-top: 8px !important;
	}
</style>

</html>